body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	padding:0;
	margin:0;
}
body{
	background:#f2f2f2;
}
@mixin A{
	.left{
	 		width:700px;float:left;padding:10px;

	 		ul{
	 			li{
	 				width:260px;padding:0px 10px;margin:0 30px;height: 33%;
	 				a{color:#333;font-size: 14px;font-weight: 800;text-align: left;}
	 				span{width:260px;display: block;border-bottom: #999 1px solid;}
	 			}
	 		}
	 	}
	 	.right {
	 		float: left;width: 480px;
	 		.bestseller {
	 			width:100px;text-align: center;float: left;
	 			p{width:80px;color:#333;font-size: 14px;font-weight: 800;margin-top:10px;}
	 			a {
	 				img{width: 100%;height:100%;border:1px solid #f2f2f2;}
	 			}
	 		}
	 		.prefecture{float: right;margin-top:36px;}
	 	}
}
a{text-decoration:none;}
li{list-style:none;}
em{font-style: normal;}
.topNav{width:100%;background:#f2f2f2;color:#666;border-bottom: 1px solid #ededed;}

.topNavWrap{
	width:1090px;
	line-height:30px;
	font-size:12px;
	margin: 0 auto;
	height:30px;
	a {
		color:#666;
		&:hover{
			color: #E31436;
		}
	}
}
.topNavLeft1{
	float:left;
	.login{
		margin-left:16px;
	}
}
.sep{color:#ccc; padding:0 10px;}
.topNavLeft2 {
	float: left;padding-left:30px;
	.app{
		color: #E31436;position: relative;
		i {position: absolute;display: inline-block;width:8px;height:12px;left:-20px;top:-8px;}

		.QRcode{ position: absolute;left: -40px;top:35px;padding:5px 5px 0;background:#fff;text-align: center;color:#333;border:1px solid #ededed;cursor:pointer;
		display: none;z-index: 150;
			.text {color: #E31436;font-size:14px;white-space: nowrap;line-height: 32px;margin-top:-12px;}
		}

		&:hover{
			.QRcode{display: block;}
		}
	}
}

.topNavRight{
	float: right;
	ul{
		li{
			float:left;
		}
	}
	.mcDropmenBox{
		border: 1px solid transparent;left:-3px;top:-1px;height:29px;position: relative;
		i{
			position: absolute;right:14px;cursor: pointer;
		}
		&:hover{
			i{
				transform: rotate(180deg);transition: all 0.5s;
			}
		}
		a{
			margin-right:5px;
		}
		.mcDropmenu{
			position: absolute;border:1px solid rgba(0, 0, 0, 0.12);padding:4px 15px 14px 12px;left: -30px;background:#fff;z-index:100000;display: none;
			ul{
				li{
					height:30px;width:88px;border-bottom:1px solid rgba(0, 0, 0, 0.12);
				}
				.last{border:none;}
			}
		}
	}

	.Dropmenuservice{
		border: 1px solid transparent;left:-3px;top:-1px;height:29px;position: relative;
		i{
			position: absolute;right:14px;cursor: pointer;
		}
		&:hover{
			i{position: absolute;right:14px;cursor: pointer;}
		}
		a {margin-right:5px;}
		.Dropmenuservicemenu {
			position: absolute;border:1px solid rgba(0, 0, 0, 0.12);padding:4px 15px 14px 12px;left: -30px;background:#fff;z-index:100000;display: none;

			.relation {
				position: relative;
				em {position: absolute;font-style: normal;top:-2px;left:0;}
				a{padding-left:20px;}
			}
			.help {
				em{position: absolute;font-style: normal;left:12px;bottom: 16px;}
				a{padding-left:20px;}
			}
		}
	}

	.Dropmenumore{
		border: 1px solid transparent;left:-3px;top:-1px;height:29px;position: relative;width:54px;
		i{position: absolute;right:14px;cursor: pointer;}
		&:hover{
			i{transform: rotate(180deg);transition:all 0.5s;}
		}
		a{margin-right:5px;}
		.more{
			position: absolute;border:1px solid rgba(0, 0, 0, 0.12);padding:4px 15px 14px 12px;left: -30px;background:#fff;z-index:100000;display: none;
			ul {
				.first {height:30px;width:88px;border-bottom:1px solid rgba(0, 0, 0, 0.12);}
			}
			span {position: absolute;left:-120px;top:14px;display: none;z-index:200;}
		}
	}
}

.headerCtner {
	color:#333;
}
.header {
	width:100%;position: relative;background: #fff;
	.wraper {
		height:100px;position: relative;margin:0 auto;width: 1090px;
		.logo{
			position: absolute;z-index: 9;left: 0;top:29px;cursor: pointer;z-index: 9;font-size: 42px; height: 43px; line-height: 45px;
		}
		a {
			img{vertical-align: middle;display: inline-block;}
		}
		.searchbar{
			position: absolute;right:130px;top:24px;
			.inner {width:405px;height:34px;padding-left:1px;background: #333;}
		}
	}
}

.searchbar{
	.wrap {
		float: left;margin:1px 0;padding:4px 5px 4px 30px;background:#fff;
		input {width:320px;height:24px;border:0;font-size:13px;outline: none;color: #999;}

		p {position: absolute;left:4px;top:-1px;width: 30px;height:30px;background: url(../img/homeimages/icons.png) no-repeat;background-position:-456px -656px;}
	}
	#btn {
		position:relative;display: inline-block;height:34px;width:50px;font-size: 21px;line-height: 34px;color:#fff;text-align: center;border-radius: 0 3px 3px 0;cursor: pointer;

		#font{color: #fff;right:0;font-size:24px;top:0;left:0;}
	}
	#font{
		position: absolute;color: #999;top:9px;left:9px;
	}
	.hot{
		line-height: 22px;margin-top:2px;width:318px;height:22px;overflow: hidden;

		a{
			float: left;white-space: nowrap;color: #333;font-size: 12px;
			&:hover{color: #E31436;}
		}

		.showcolor{color: #E31436;}
	}	
}

.shopcar{
	display: block;position: absolute;width:110px;height: 34px;background: #333;line-height: 34px;font-size:13px;text-align: center;border-radius: 3px;top:24px;right:0;color: #fff;

	.num{
		display: inline-block;width:20px;height:20px;border-radius: 50%;text-align: center;line-height: 20px;font-size:12px;font-weight:normal;color:#fff;white-space: nowrap;background: #E31436;font-family: Helvetica,arial;
	}

	a{color:#fff;}
}

#topTopBox{
	height:40px;border-bottom: 2px solid #333;background:#fff;position:relative;width:100%;margin:0 auto;
	 #nav_menu {
	 	min-height:400px;position: absolute;width:1200px;z-index: 1000;top:42px;left:-110px;background:#fff;box-shadow: 0 3px 2px 2px rgba(0, 0, 2, 0.3);

	 	#left {
	 		width:700px;float:left;padding:10px;
	 		ul{
	 			li{
	 				width:260px;padding:0px 10px;margin:0 30px;height: 33%
	 				a{color:#333;font-size: 14px;font-weight: 800;text-align: left;}
	 				span{width:260px;display: block;border-bottom: #999 1px solid;}
	 			}
	 			#box {
	 				a{
	 					float: left;font-size:12px;font-weight: 100;
	 					&:nth-child(1){color:#E31436;}
	 					&:nth-of-type(2){color:#E31436;}
	 					&:nth-of-type(3){color:#E31436;}
	 					&:nth-of-type(4){color:#E31436;}
	 				}
	 			}
	 		}
	 	}

	 	#right{
	 		float: left;width: 480px;
	 		.bestseller{
	 			width:100px;text-align: center;float: left;
	 			p {width:80px;color:#333;font-size: 14px;font-weight: 800;margin-top:10px;}
	 			a {
	 				img {width: 100%;height:100%;border:1px solid #f2f2f2;}
	 			}
	 		}
	 		.prefecture{float: right;margin-top:36px;}
	 	}
	 }

	 #nav_Makeup {
	 	min-height:200px;position: absolute;width:1200px;z-index: 1000;top:42px;left:-220px;background:#fff;box-shadow: 0 3px 2px 2px rgba(0, 0, 2, 0.3);

	 	@include A;
	 }

	 #nav_Home{
	 	min-height:200px;position: absolute;width:1200px;z-index: 1000;top:42px;left:-330px;background:#fff;box-shadow: 0 3px 2px 2px rgba(0, 0, 2, 0.3);

	 	@include A;

	 }
	 #nav_Health{
	 	min-height:200px;position: absolute;width:1200px;z-index: 1000;top:42px;left:-440px;background:#fff;box-shadow: 0 3px 2px 2px rgba(0, 0, 2, 0.3);
	 	@include A;
	 }
	#nav_Costume{
		min-height:200px;position: absolute;width:1200px;z-index: 1000;top:42px;left:-440px;background:#fff;box-shadow: 0 3px 2px 2px rgba(0, 0, 2, 0.3);
		@include A;
	} 

	#nav_Round{
		min-height:200px;position: absolute;width:1200px;z-index: 1000;top:42px;left:-550px;background:#fff;box-shadow: 0 3px 2px 2px rgba(0, 0, 2, 0.3);
		@include A;
	}
	#nav_Costume{
		min-height:200px;position: absolute;width:1200px;z-index: 1000;top:42px;left:-660px;background:#fff;box-shadow: 0 3px 2px 2px rgba(0, 0, 2, 0.3);
		@include A;
	}
	#nav_Appliances{
		min-height:200px;position: absolute;width:1200px;z-index: 1000;top:42px;left:-770px;background:#fff;box-shadow: 0 3px 2px 2px rgba(0, 0, 2, 0.3);
		@include A;
	}
	#nav_Overseas{
		min-height:200px;position: absolute;width:1200px;z-index: 1000;top:42px;left:-880px;background:#fff;box-shadow: 0 3px 2px 2px rgba(0, 0, 2, 0.3);
		@include A;
	}
}


#topTab{position: relative;zoom:1;width: 1090px;margin:0 auto;height:40px;line-height: 40px;clear: both;}
#funcTab{
	position: relative;height:40px;float: left;

	li{
		float: left;width: 110px;min-height:42px;
		a{display: inline-block;padding:0 5px;text-align: center;font-size: 14px;color:#333;font-weight:800;}
		.active{
			a{color: #E31436;border-bottom: 4px solid #E31436;height:38px;;line-height: 38px;}
		}
	}

	#momBaby{position: relative;}

	#makeup{position: relative;}

	#HOME{position: relative;}

	#Health{position: relative;}

	#round{position: relative;}

	#costume{position: relative;}

	#Appliances{position: relative;}

	#Overseas{position: relative;}
}
#fixed{position: absolute;top:0;left: 20%;display: none;}
